.banner {position: relative;width: 1200px;margin: 0 auto;height: 192px;overflow: hidden;}
.change-logo{background: 0 0;position: absolute;top: 20px;z-index: 20;}
.sitelogo {width: 188px;}
.change-bg {position: relative;width: 100%;max-width: 1200px;background: url(/images/building.png) 50% bottom no-repeat;background-size: 630px 140px;height: 197px;margin: 0 auto;z-index: 2;}
.yun1 {background: url(/images/cloud1.png) 50% no-repeat;background-size: 70px;height: 36px;width: 78px;position: relative;bottom: 96px;z-index: 5;left: -80px;}
.piao1 {animation-name: piaoyi;animation-delay: 0s;animation-duration: 60s;animation-iteration-count: infinite;animation-timing-function: linear}
.yun2 {background: url(/images/cloud2.png) 50% no-repeat;background-size: 100%;height: 37px;width: 156px;position: relative;bottom: 190px;z-index: 6;left: -156px;}
.piao2 {animation-name: piaoyi;animation-delay: 10s;animation-duration: 60s;animation-iteration-count: infinite;animation-timing-function: linear;}
.yun3 {background: url(/images/cloud3.png) 50% no-repeat;background-size: 100%;height: 32px;width: 56px;position: relative;bottom: 150px;z-index: 7;left: -56px;}
.piao3 {animation-name: piaoyi;animation-delay: 18s;animation-duration: 60s;animation-iteration-count: infinite;animation-timing-function: linear;}
.yun4 {background: url(/images/cloud4.png) 50% no-repeat;background-size: 100%;height: 29px;width: 54px;position: relative;bottom: 206px;z-index: 8;left: -54px;}
.piao4 {animation-name: piaoyi;animation-delay: 24s;animation-duration: 60s;animation-iteration-count: infinite;animation-timing-function: linear;}
.che1 {background: url(/images/car4.png) no-repeat;height: 50px;width: 50px;position: relative;background-size: 50px;bottom: 164px;z-index: 3;}
.sudu1 {animation-name: sudu1;animation-delay: 0s;animation-duration: 30s;animation-iteration-count: infinite;animation-timing-function: linear;}
.che2 {background: url(/images/car3.png) no-repeat;height: 50px;width: 50px;position: relative;background-size: 50px;bottom: 212px;z-index: 3;}
.sudu2 {animation-name: sudu2;animation-delay: 0s;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;}
.che3 {background: url(/images/car2.png) no-repeat;height: 50px;width: 83px;position: relative;background-size: 72px;bottom: 272px;z-index: 3;}
.sudu3 {animation-name: sudu3;animation-delay: 0s;animation-duration: 30s;animation-iteration-count: infinite;animation-timing-function: linear;}
.che4 {background: url(/images/car1.png) no-repeat;height: 50px;width: 83px;position: relative;background-size: 54px;bottom: 318px;z-index: 3;left:-84px;}
.sudu4 {animation-name: sudu4;animation-delay: 6s;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes piaoyi {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px,0,0);
		transform: translate3d(100px,0,0)
	}

	2%,98% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(1100px,0,0);
		transform: translate3d(1100px,0,0)
	}
}
@keyframes sudu2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(1100px,0,0);
        transform: translate3d(1100px,0,0)
    }

    2%,90% {
        opacity: 1
    }

    91%,100% {
        opacity: 0
    }

    96% {
        opacity: 0;
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }
}
@keyframes sudu1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(1200px,0,0);
        transform: translate3d(1200px,0,0)
    }

    4%,90% {
        opacity: 1
    }

    96% {
        opacity: 0;
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    100% {
        opacity: 0
    }
}
@keyframes sudu3 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    2%,95% {
        opacity: 1
    }

    96% {
        opacity: 0;
        -webkit-transform: translate3d(1100px,0,0);
        transform: translate3d(1100px,0,0)
    }

    100% {
        opacity: 0
    }
}
@keyframes sudu4 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    2%,98% {
        opacity: 1
    }

    99% {
        opacity: 0;
        -webkit-transform: translate3d(1200px,0,0);
        transform: translate3d(1200px,0,0)
    }

    100% {
        opacity: 0
    }
}
.topbar {
    width: 100%;
    height: 36px;
    /* background: url(/images/bgtiao.png) 0 -217px; */
    
    zoom: 1;
    line-height: 36px;
    background-color: #f5f5f5;
    color: #333;
}.topbar a
{
	color: #333 !important;
}
.topbar a:hover
{
	color: #ff6a00 !important;
}
.top-nav
{
	width: 1190px;
	margin: 0 auto;
	position: relative;
}
.bar-left
{
	float: left;
	
	position: relative;
width:560px;overflow:hidden;height:36px;
}
a.cityname
{
	font-size: 14px;

	 color: red !important;
	padding-right: 2px;
}
.citychange
{
	font-size: 14px;
	padding: 1px 5px;
}
.bar-right
{
	position: absolute;
	 
	right: 2px;
	font-size: 12px;
}
.bar-right a
{
	height: 36px;
	line-height: 36px;
	_line-height: 14px;
	padding: 0 6px;
}
.copyright a:hover{color:red;text-decoration:none}
 .wrapper{width:1190px;margin:0 auto;border-bottom: 1px solid white;background-color:white}         #logo{width:1190px;margin-top:10px;} 
 .nav{width:600px;float:right}  
.nava{background:#74B434;padding-top:10px;padding-left:10px;padding-bottom:2px;padding-right:10px;font-size:14px;}  
#footlinks{margin-top:0px;} 
 #footlinks td{padding: 8px 8px 4px 8px;}  
.copyright{width: 1190px;  margin: 0 auto;  text-align: center;  margin-bottom: 30px;  border-top: 1px solid grey;  padding-top: 30px;} 
 .slogan {  border-bottom: 1px solid #e6e6e6;  padding: 8px 0 8px 30px;  font-size: 24px;  font-family: "microsoft yahei","Microsoft Yahei";   line-height: 32px;  margin-right: 2px;     } 
.cities li a{font-size:14px;font-weight:normal} 
.close12{font-size:14px;}

.a {
	color:#333;
}
#allcitytoptable table{
	width:33%;
	float:left;
	height:100px;
	margin-top:15px;
	margin-bottom:10px;
}
#allcitytoptable table.t3 td{
	background:url(freefei.gif) no-repeat right;
}
#allcitytoptable table.t2 td{
	line-height:170%;
}
#allcitytoptable table.t1 td .goto a{
	background:url(allcity_post.gif);
	display:block;
	width:167px;
	height:45px;
	padding-left:75px;
	padding-top:15px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
}
#allcitytoptable table.t1 td .ti{
	margin-top:10px;
}

.allcity{
	 
	margin-top:8px;
}
.allcity td{
	padding:8px 8px 4px 8px;
	font-size:13px;
}
.allcity td a{
	font-size:16px;
	margin-left:15px;
line-height:2;
/*text-decoration: underline;*/
color:#333;
}
.allcity .L{
	width:10px;
	 
	border:1px solid #fff;
	 
	font-weight:bold;
line-height: 25px;
font-size: 14px;
}
}

.hotcity{
	margin-bottom:15px;
}
.hotcity td{

	padding:7px 0 4px 5px;
	 
}
.hotcity td a{
	 
   margin-left:15px;
   /* text-decoration: underline;*/

}
td a:hover{color:red;text-decoration:none}

.zhankai{ position:absolute; left:0; top:25px; top:25px\9; _top:26px; border:1px solid #c8c8c8; background:#fff; width:470px;box-shadow:3px 3px 4px #ccc;-moz-box-shadow:3px 3px 4px #ccc;-webkit-box-shadow:3px 3px 4px #ccc;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; z-index:999;padding-bottom:10px;}
  .paixu{ display:block; border-bottom:1px solid #DCE2E6; height:21px; margin-bottom:5px;background:#F9F9F9;padding:3px 10px 0;}
  .cities{margin:10px 0 0 15px;}.cities li{ width:15.9%; float:left; line-height:22px;}

  .paixu li{ float:left; padding:0 7px 0; line-height:20px; margin-right:3px; border:1px solid #DCE2E6; border-bottom:none; cursor:pointer; background:#fff;_padding-top:1px;}
  .paixu li.select{ border:1px solid #DCE2E6; border-bottom-color:#fff; background:#fff;_padding-top:0;font-weight:bold;*position:relative;*top:1px;}
  a.close{ display:block;width:15px;height:15px; position:absolute; top:7px; right:7px; line-height:50px; overflow:hidden}a.close:hover{ text-decoration:none; background-position:-17px -229px}
  .close_tip{width:496px;height:26px;line-height:26px;padding-left:16px;background:#f9f9f9;position:absolute;top:0;right:0;color:#666;border-bottom:1px solid #DCE2E6}
  #mxh a:link{text-decoration:none}
 #mxh{font-size:12px}
   

.infolist{ width:1175px; margin-top:5px; text-align:center; float:left; font-size:14px;background: #fff;    border: 1px solid #ddd;    padding-left: 15px; line-height: 30px;}
.infoboxtitls{text-align:left;    border-bottom: 1px solid #ddd;font-size:16px}
#newdiv ul li{float:left;
width: 500px;
    overflow: hidden;
    text-align: left;
}